<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div class="ub ub-ver">
            <!-- 轮播图片 -->
            <div id="slider" class="slider">

            </div>
            
            <!-- 文字块  -->
            <div id="listview1"></div>
            <div id="listview2"></div>
            <div id="listview3"></div>
            <div id="listview4"></div>
        </div>
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/appcan.slider.js"></script>
        <script src="js/appcan.listview.js"></script>
    </body>
    <script>
        appcan.ready(function() {
            appcan.initBounce();
        })
        
        
        //----------轮播图片js-------------------------------------
         var slider = appcan.slider({
            selector : '#slider',
            aspectRatio : 9 / 16,
            hasLabel : true,
            auto:2000,
            index : 1
        });
        slider.set([{
            img : "img/lunbo/1.jpg",
            label : "滁州学院党委中心组专题学习《党委会的工作方法》"
        }, {
            img : "img/lunbo/2.jpg",
            label : "滁州学院召开国有资产清查工作专题会议"
        }, {
            img : "img/lunbo/3.jpg",
            label : "滁州学院召开居家养老与健康照护研讨会 "
        }]);
        
        //----------------文字块-----------------------------------
        var updateData = [{
            title : "2016级新生安全温馨提示 ",
            describe : "欢迎来到美丽的滁州学院，开始你们精彩的大学生活。",
            note : "2016.4.27",
            icon : "img/chzu.png"
        }];
        var lv1 = appcan.listview({
            selector : "#listview1",
            type : "thickLine",
            hasIcon : true,
            hasAngle : false
        });
        lv1.set(updateData);
        lv1.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"http://stu.chzu.edu.cn/detach.portal?.pmn=view&action=bulletinBrowser&.ia=false&.pen=bulletinBrowser&bulletinId=678f56b2-2944-11e5-b3a4-0d4d30df2486",
                aniId:"6"
            });
        });
        
        //--------------文字块二--------------------
        var updateData = [{
            title : "新生报到网app学生使用手册  ",
            describe : "介绍新生报到网app的相关使用",
            note : "2016.4.27",
            icon : "img/lou.jpg"
        }];
        var lv1 = appcan.listview({
            selector : "#listview2",
            type : "thickLine",
            hasIcon : true,
            hasAngle : false
        });
        lv1.set(updateData);
        lv1.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"broadcast/appUse.html",
                aniId:"6"
            });
        });
        
        //------------文字块三---------------------
        var updateData = [{
            title : "图书馆入馆教育",
            describe : "了解图书馆的相关注意事项，查看图书馆读者手册",
            note : "2016.4.27",
            icon : "img/library/1.jpeg"
        }];
        var lv1 = appcan.listview({
            selector : "#listview3",
            type : "thickLine",
            hasIcon : true,
            hasAngle : false
        });
        lv1.set(updateData);
        lv1.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"http://lib.chzu.edu.cn/s/30/t/1215/p/10/c/5590/list.htm",
                aniId:"6"
            });
        });
        
         //------------文字块三---------------------
        var updateData = [{
            title : "图书馆入馆教育",
            describe : "了解图书馆的相关注意事项，查看图书馆读者手册",
            note : "2016.4.27",
            icon : "img/library/1.jpeg"
        }];
        var lv1 = appcan.listview({
            selector : "#listview4",
            type : "thickLine",
            hasIcon : true,
            hasAngle : false
        });
        lv1.set(updateData);
        lv1.on("click",function(ele,obj,curEle){
            appcan.window.open({
                name:"one",
                data:"http://lib.chzu.edu.cn/s/30/t/1215/p/10/c/5590/list.htm",
                aniId:"6"
            });
        });
        
    </script>
</html>
